<template>
	<view>
		这是一张海报
		<lime-painter class="poster" :board="base"></lime-painter>
		
	</view>
</template>

<script>
	import LimePainter from '@/uni_modules/lime-painter/components/lime-painter'
	export default {
		components: {
			LimePainter
		},
		data() {
			return {
				base: {
					width: '600rpx',
					height: '800rpx',
					backgroundColor: 'green',
					views: [ {
						type: 'image',
						src: 'http://pic1.win4000.com/pic/2/94/b105401611.jpg',
						css: {
							left: '0rpx',
							top: '0rpx',
							backgroundColor: 'red',
							width: '600rpx',
							height: '800rpx'
						}
					}, {
						type: 'image',
						src: '/static/logo.png',
						css: {
							left: '460rpx',
							top: '628rpx',
							width: '120rpx',
							height: '120rpx'
						}
					}, {
						type: 'text',
						text: 'DCloud | Hbuildx',
						css: {
							left: '400rpx',
							top: '760rpx',
							color: '#007aff',
							fontSize: '24rpx',
							// width: '0rpx',
							height: '20rpx'
						}
					}]
				}
			};
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.poster{
	width: 600rpx;
	height: 800rpx;
	margin: 0 auto;
}
</style>
